<template>
  <div>
    <el-dialog
      title="员工详情"
      :visible.sync="dialogshow"
      :before-close="dialogClose"
      :fullscreen="fullscreen"
      style="display: none"
      width="90%"
      top="10vh"
    >
    
      <dialog-tools
        v-bind:back="true"
        v-bind:next="true"
        v-bind:goback="true"
        v-bind:prev="true"
        v-bind:screen="true"
        @clickfullscreen="clickfullscreen"
      >
      </dialog-tools>
      <div>
            <el-tabs class="tabs-table user-tabs" type="border-card">
        <el-tab-pane label="基本信息">


              <el-row>
                <el-col :span="4"
                  ><div class="span-lable">姓名:</div>
                  <div class="span-info">王某某</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">电话:</div>
                  <div class="span-info">13388888888</div></el-col
                >
                <el-col :span="4">
                  <div class="span-lable">工号:</div>
                  <div class="span-info">0001</div></el-col
                >
                                <el-col :span="4">
                  <div class="span-lable">卡号:</div>
                  <div class="span-info">000222</div></el-col
                >
                                <el-col :span="4">
                  <div class="span-lable">性别:</div>
                  <div class="span-info">0001</div></el-col
                >

              </el-row>

               <el-row>
                <el-col :span="24"
                  ><div class="span-lable">备注:</div>
                  <div class="span-info">备注详情备注详情备注详情备注详情</div></el-col
                >

              </el-row>

              <el-row>
                <!-- <el-col :span="4"
                  ><div class="span-lable">审核状态:</div>
                  <div class="span-info">未通过</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">审核人:</div>
                  <div class="span-info">某某某</div></el-col
                >
                <el-col :span="6"
                  ><div class="span-lable">审核时间:</div>
                  <div class="span-info">2020-10-10 08:00:55</div></el-col
                > -->
                <el-col :span="4"
                  ><div class="span-lable">创建人:</div>
                  <div class="span-info">某某某</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">创建时间:</div>
                  <div class="span-info">2020-10-10 08:00:55</div></el-col
                >
              </el-row>
          <el-divider></el-divider>

        </el-tab-pane>

        <el-tab-pane label="详细信息">


        </el-tab-pane>
        <el-tab-pane label="档案/附件">

        </el-tab-pane>

        <el-tab-pane label="操作记录">

        </el-tab-pane>

        <el-tab-pane label="登陆日志">


        </el-tab-pane>

        </el-tabs>

      </div>
      <div slot="footer" class="dialog-footer">
        <!-- <el-button @click="resetForm" style="float:left;margin-left:20px;">查看款号详情</el-button> -->
        <el-button @click="dialogClose">取 消</el-button>
        <!-- <el-button type="primary" @click="alertopen">编辑</el-button> -->
      </div>
    </el-dialog>
    <!-- <dialog-search-order
      v-bind:dialogshow="dialogSearchOrder"
      @dialog_close="dialogSearchOrder = !dialogSearchOrder"
    ></dialog-search-order> -->
  </div>
</template>
<style scoped>
.span-lable,
.span-info {
  display: inline-table;
  vertical-align: -webkit-baseline-middle;
}

.span-lable {
  text-align: right;
  width: 100px;
}

.span-info {
  margin-left: 10px;
}

</style>

<script>
module.exports = {
  methods: {
    dialogAdd() {
      console.log(123);
    },
    dialogClose() {
      this.$emit("dialog_close", 1);
    },
    clickfullscreen() {
      this.fullscreen = !this.fullscreen;
    },
    submitForm() {
      this.$refs["elForm"].validate((valid) => {
        if (!valid) return;
        // TODO 提交表单
      });
    },
    resetForm() {
      this.$refs["elForm"].resetFields();
    },
    alertopen() {
      this.$confirm("是否继续操作?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消",
          });
        });
    },
  },
  props: ["dialogshow"],
  data() {
    return {
      
      formData: {
        name: null,
        gonghao: null,
        kahao: null,
        six: null,
        is_zaizhi: null,
        ruzhi_time: null,
        lizhi_time: null,
        tel: null,
        address: null,
        ganwei:null,
        bumen:null,
        bangzu:null,
      },
      
      field108Options: [
        {
          label: "黄先生(联系人1)",
          value: 1,
        },
        {
          label: "李姐(联系人2)",
          value: 2,
        },
        {
          label: "老王(联系人3)",
          value: "3",
        },
      ],
      field114Options: [
        {
          label: "电话",
          value: 1,
        },
        {
          label: "微信",
          value: 2,
        },
        {
          label: "邮件",
          value: 3,
        },
        {
          label: "QQ",
          value: 4,
        },
        {
          label: "短信",
          value: 5,
        },
        {
          label: "面谈",
          value: 6,
        },
      ],
      field116Options: [
        {
          label: "客户自填",
          value: "1",
        },
        {
          label: "回访客户",
          value: "2",
        },
        {
          label: "其它",
          value: "3",
        },
      ],
      dialogChangeGenji: false,
      fullscreen: false,
      Sendmssages: {
        address: "",
        customercate: "",
        cate: "",
        nickname: "",
        creditrank: "",
        name: "",
      },
      pickerOptions: {
        shortcuts: [
          {
            text: "今天",
            onClick(picker) {
              picker.$emit("pick", new Date());
            },
          },
          {
            text: "昨天",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit("pick", date);
            },
          },
          {
            text: "一周前",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", date);
            },
          },
        ],
      },
      customer: {
        name: "",
        customercode: "",
        customerstatus: "",
        customercate: "",
        creditrank: "",
        creditline: "",
        capital: "",
        annualsales: "",
        bank: "",
        certificateno: "",
        address: "",
        area: "",
        brand: "",
        bankaccount: "",
        trademark: "",
        website: "",
        lperson: "",
        lphone: "",
        contacts: "",
        phone: "",
        phonenum: "",
        weixin: "",
        email: "",
        fax: "",
        resource: "",
        requirement: "",
        ordercountmonth: "",
        purchaseamountmonth: "",
        ordercountyear: "",
        purchaseamountyear: "",
        customerstaffname: "",
        customerstaffcode: "",
        operator: "",
        insertime: "",
        remark: "",
      },
    };
  },
  components: {
    "dialog-tools": "url:../tools/dialog-tools.vue",
    "dialog-search-order": "url:./search-order.vue",
  },
};
</script>
